<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta charset="UTF-8">
    <title>用户登录设置</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        html,body{
            height:100%;
            box-sizing: border-box;
        }
        body{
            background: #fff;
        }
        .listplace{
            /*overflow-y: scroll;*/
            /*margin-top:36px;*/
            background: #fff;
        }
        .choice{
            position: relative;
            text-align: center;
            color:#7F8795;
            font-weight: bold;
            width:70%;
            height:40px;
            line-height: 40px;
            margin:0 auto;
            border: 1px solid #F5F4FA;
            background: #F5F4FA;
            font-size: 17px;
            margin-top:20px;
        }
        .choice.isclicked{
            background: #DEEFF9;
            border: 1px solid #DEEFF9;
        }
        .isclicked div.leftpart{
            position: absolute;
            top:-21px;
            left: -18px;
            width:40px;
            height:40px;
            border-radius: 50%;
            background: #DEEFF9;
            border: 1px solid transparent;

        }
        .isclicked div.rightpart{
            position: absolute;
            top:-21px;
            right: -18px;
            width:40px;
            height:40px;
            border-radius: 50%;
            background: #DEEFF9;
            border: 1px solid transparent;
        }
        div.leftpart{
             position: absolute;
             top:-21px;
             left: -18px;
             width:40px;
             height:40px;
             border-radius: 50%;
         }
        div.rightpart{
            position: absolute;
            top:-21px;
            right: -18px;
            width:40px;
            height:40px;
            border-radius: 50%;
        }
        .clickimg{
            position: absolute;
            top:10px;
            right:8px;
            width:17px;
            height:17px;
        }
        .tishiword{
            width:80%;
            margin: 97px auto 0;
            text-align: center;
            padding:20px 0 0 0;
            margin-bottom:10px;
            color:#626262;
        }
        /*输入框*/
        .inputsearchbox{
            position: fixed;
            max-width:1000px;
            z-index: 200;
            top:44px;
            background: #fff;
            width:100%;
            box-sizing: border-box;
        }
        .inputsearchbox>div{
            padding:15px 20px;
            overflow: hidden;
            border-bottom:1px solid #E2E2E2;
        }
        .inputsearchbox>div:first-child{
            height:29px;
        }
        .inputsearchbox .inputsearch{
            width:70%;
            float: left;
            border:1px solid #ddd;
        }
        .inputsearchbox .inputsearch input{
            width:100%;
        }
        .inputsearchbox #citysearchbtn{
            width:20%;
            float: right;
            border:1px solid #ddd;
        }
        #choicecitybox{
            width:100%;
            box-sizing: border-box;
            padding:10px 20px;
            background:#ECECEC;
            float: left;
            font-size: 11px;
        }
        #xqbox{
            width: 100%;
            box-sizing: border-box;
            padding: 10px 20px;
            background: #ECECEC;
            float: left;
            font-size: 11px;
        }
        #choicecitybox>span{
            font-size: 11px;
            color: #999;
            font-weight: bold;
            margin-right:20px;
        }
        .listtitle{
            background:#ececec;
            padding:10px 20px;
            font-size:11px;
        }
        /*搜索框部分*/
        #hsearchbtn,#xsearchbtn,#alsearchbtn{
            position: absolute;
            top: 2px;
            left: 0;
            width: 25px;
            height: 27px;
            background: transparent;
            z-index: 100;
        }
        .header_action_buttons.mweb_lookup_bar_has_input>div.mweb_lookup_bar_input_wrapper{
            left: 20px;
            right: 20px;
            top: 12px;
        }
        .header_action_buttons.mweb_lookup_bar_has_input>div.mweb_lookup_bar_input_wrapper>div.mweb_lookup_bar_input{
            border:1px solid #ddd;
            background: #fff url(img/search.png) no-repeat 8px center;
            background-size: 13px;
        }
		.Header .fixed_header .header_main .navigation_button{
			width:60px;
		}
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<!--主页-->
<div id="mainpage" style="display: block;margin-bottom:20px;">
    <div class="PageWrapper nonav">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="maingoback"></button>
                    <div class="page_title unified">
                        <span>欢迎来到铺路</span>
                    </div>
                    <a class="navigation_button" id="mainokbtn" style="display: none;">完成</a>
                </div>
            </div>
        </div>
    </div>
    <div class="tishiword" style="margin-top:44px;">
        请完成以下三个选项。
    </div>
    <!-- 设置部分-->
    <div class="FormSection EditProfileSection BlockComponent FormMixin Section" id="mysetpage">
        <form method="post">
            <ul class="ts_cells" style="margin-top:30px;">
                <!-- 我常看的新闻-->
                <li class="Cell InputCell InputMixin" style="border-top:1px solid #E2E2E2">
                    <div class="Cell InputCell InputMixin">
                        <span class="tc_inner alwaysseelistbtn">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label">我常看的新闻</span>
                                </p>
                            </div>
                            <div class="kindword alwayswords">
                            </div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                    </div>
                    <div class="tc_stroke"></div>
                </li>
                <!-- 我的行业-->
                <li class="Cell InputCell InputMixin">
                    <div class="Cell InputCell InputMixin">
                        <span class="tc_inner hangyelistbtn">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label">我的行业</span>
                                </p>
                            </div>
                            <div class="kindword hangyewords">
                            </div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                    </div>
                    <div class="tc_stroke"></div>
                </li>
                <!-- 我的兴趣-->
                <li class="Cell InputCell InputMixin">
                    <div class="Cell InputCell InputMixin">
                        <span class="tc_inner xingqulistbtn">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label">我的兴趣</span>
                                </p>
                            </div>
                            <div class="kindword xingquwords"></div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                    </div>
                    <div class="tc_stroke"></div>
                </li>
            </ul>
        </form>
    </div>
</div>
<!--推荐新闻-->
<div id="alwayspage" style="display:none;margin-bottom:20px;">
    <div class="PageWrapper nonav">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <div class="mweb_modal_back_button" id="alwaysgoback" style="display:none;"></div>
                    <div class="page_title unified">
                        <span>新闻设置</span>
                    </div>
                    <a class="navigation_button" id="alwaysgobackbtn">下一步</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框-->
    <div class="inputsearchbox">
        <div>
            <div class="header_action_buttons mweb_lookup_bar_has_input">
                <div class="mweb_lookup_bar_input_wrapper ">
                    <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                        <div id="alsearchbtn"></div>
                        <input type="text" id="alsearchinput" placeholder="搜索" style="width:100%;color:#999" maxlength="16"/>
                    </div>
                </div>
            </div>
        </div>
        <!--<div id="choicecitybox" style="display: block">-->
        <!--已选择：-->
        <!--</div>-->
    </div>
    <div class="tishiword">
        请选择1至3条您常看的新闻类别。
    </div>
    <!-- 加载列表区域-->
    <div class="listplace"></div>
</div>
<!--推荐行业-->
<div id="hangyepage" style="display:none;margin-bottom:20px;">
    <div class="PageWrapper nonav">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <div class="mweb_modal_back_button" id="hygoback" style="display:none;"></div>
                    <div class="page_title unified">
                        <span>行业设置</span>
                    </div>
                    <a class="navigation_button" id="navigation_button">下一步</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框-->
    <div class="inputsearchbox">
        <div>
            <div class="header_action_buttons mweb_lookup_bar_has_input">
                <div class="mweb_lookup_bar_input_wrapper ">
                    <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                        <div id="hsearchbtn"></div>
                        <input type="text" id="hsearchinput" placeholder="搜索" style="width:100%;color:#999" maxlength="16"/>
                    </div>
                </div>
            </div>
        </div>
        <!--<div id="choicecitybox" style="display: block">-->
            <!--已选择：-->
        <!--</div>-->
    </div>
    <div class="tishiword">
        请选择1至3条您感兴趣的行业。
    </div>
    <!-- 加载列表区域-->
    <div class="listplace"></div>
</div>
<!--推荐兴趣-->
<div id="xingqupage" style="display: none;margin-bottom:20px;">
    <div class="PageWrapper nonav">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <div class="mweb_modal_back_button" id="xqgoback" style="display:none;"></div>
                    <div class="page_title unified">
                        <span>兴趣设置</span>
                    </div>
                    <a class="navigation_button" id="next">下一步</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框-->
    <div class="inputsearchbox">
        <div>
            <div class="header_action_buttons mweb_lookup_bar_has_input">
                <div class="mweb_lookup_bar_input_wrapper ">
                    <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                        <div id="xsearchbtn"></div>
                        <input type="text" id="xsearchinput" placeholder="搜索" style="width:100%;color:#999"/>
                    </div>
                </div>
            </div>
        </div>
        <!--<div id="xqbox" style="display: block">-->
            <!--已选择：-->
        <!--</div>-->
    </div>
    <div class="tishiword">
        请选择1至3条您的兴趣爱好。
    </div>
    <!-- 加载列表区域-->
    <div class="listplace"></div>
</div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="ftnjs/urlnote.js"></script>
    <script src="ftnjs/ctoe.js"></script>
    <script src="js/loginuserset.js"></script>
</body>
</html>